<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/page0.css">
    <link rel="stylesheet" href="css/page1.css">
    <link rel="stylesheet" href="css/page2.css">
    <link rel="stylesheet" href="css/fly.css">
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        var deviceWidth = document.documentElement.clientWidth;
        if (deviceWidth > 750) deviceWidth = 750;
        document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
    </script>
</head>

<body>
    <div id="page0">
        <div class="onload">
            正在努力加载中... (<span>80</span>%)
        </div>
        <div class="left_heart fly_left ">
            <div class="fly_heart">
            </div>
        </div>
        <div class="right_heart fly_right">
                <div class="fly_UP">
                    </div>
        </div>
    </div>
    <!-- <div id="page1">
        <div class="page1_top">
            <img src="./assets/images/page1/page1_top_bg_01.png" alt="">
        </div>
        <div class="page1_cen">
            <img src="./assets/images/page1/page1_cen_bg_02.png" alt="">
            <div class="shine_line">
            </div>
            <div class="heart_face">

            </div>
        </div>
        <div class="page1_bottom">
            <img src="./assets/images/page1/page1_bottom_bg_03.png" alt="">
            <div class="title">
                <img src="./assets/images/page1/title_content_05.png" class="title_content" alt="">
            </div>
            <div class="unopened">
            </div>
            <div class="open">
                <div class="open_icon">

                </div>
                <div class="hand">
                </div>
            </div>
            <div class="yellow_circle">
            </div>
        </div>
    </div> -->

    <!-- <div id="page2">
        <div class="therm">
            <div class="word1"></div>
            <div class="word2"></div>
            <div class="word3"></div>
            <div class="word4"></div>
            <div class="word5"></div>
            <div class="word6"></div> 
            <div class="therm_point">
            </div>
            <div class="therm_scale">
            </div>
        </div>
        <div class="hand_heart"></div>
        <div class="walk_Man"></div>
        <div class="button"></div>
    </div> -->
</body>
<script>
    $(document).ready(function () {
        console.log("页面载入")
        var onloadCount = 0;
        var countTimer = window.setInterval(function(){
            if(onloadCount > 100){
                clearInterval(countTimer)
            } else{
                console.log(onloadCount)
            $("#page0 .onload span").html(onloadCount++)
            }
        }, 200)
    

    console.log( $("#page0 .onload span").html())
       
    });
</script>

</html>